<template>
  <div class="main-container">
    <div class="main-header">
      <el-breadcrumb separator="/">
        <el-breadcrumb-item>系统配置管理</el-breadcrumb-item>
        <el-breadcrumb-item>个人信息</el-breadcrumb-item>
      </el-breadcrumb>
    </div>
    <div class="wrap">
      <div class="content">
        <el-form class="mt-30" ref="form" :model="form" label-width="150px" style="width: 450px;">
          <el-form-item label="用户名：" prop="userName">
            <span>{{form.userName}}</span>
          </el-form-item>
          <el-form-item label="真实姓名：" prop="realName">
            <span>{{form.realName}}</span>
          </el-form-item>
          <el-form-item label="手机号：" prop="phoneNumber">
            <span>{{form.phoneNumber}}</span>
          </el-form-item>
          <el-form-item label="邮箱：" prop="email">
            <span>{{form.email}}</span>
          </el-form-item>
          <el-form-item label="性别：" prop="sex">
            <span v-if="form.sex == 0">男</span>
            <span v-if="form.sex == 1">女</span>
          </el-form-item>
        </el-form>
      </div>
    </div>
  </div>
</template>

<script>
import Store from 'store'
  export default {
    data () {
      return {
        form: Store.get('x-user')
      }
    }
  }
</script>

<style>

 
</style>
